<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8" /> 
 <title>商品分类</title>
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.5,user-scalable=no">
 <meta name="format-detection" content="telephone=no">
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black" />

	<link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css">
	<link rel="stylesheet" href="themes/mycss.min.css" />
  <link  href="css/stylesheet.css" rel="Stylesheet" type="text/css" />
	<script src="js/jquery-1.8.2.js"></script>
	<script src="js/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
  <div data-role="page">
      <div data-role="header"  data-position="fixed">
          <a href="#" data-role="back">返回</a>
          <h4>分类</h4>
      </div>
      <div class="search">
        <input type="text" placeholder="请输入您要查找的蔬菜">
        <span><a href="#"></a></span>
      </div>
      <div data-role="collapsible-set" class="list">
          <div data-role="collapsible" >
            <h3>番茄类</h3>
              <div class="listdiv">
                <a href="#">圣女果</a>
                <a href="#">小番茄</a>
            
              </div>
              <div class="listdiv">
                <a href="#">圣女果</a>
                <a href="#">小番茄</a>
            
              </div>
              <div class="listdiv">
                <a href="#">圣女果</a>
                <a href="#">小番茄</a>
            
              </div>
          </div> 

          <div data-role="collapsible"> 
              <h3>豆荚类</h3> 
              <div class="listdiv">
                <a href="#">豌豆</a>
                <a href="#">四季豆</a>
             
              </div>
              <div class="listdiv">
                <a href="#">豌豆</a>
                <a href="#">四季豆</a>
           
              </div>
              <div class="listdiv">
                <a href="#">豌豆</a>
                <a href="#">四季豆</a>
          
              </div>
          </div> 
          <div data-role="collapsible"> 
            <h3>黄瓜类</h3> 
            <div class="listdiv">
              <a href="#">优质云南小瓜</a>
              <a href="#">超甜金银玉米</a>
         
            </div>
            <div class="listdiv">
              <a href="#">优质云南小瓜</a>
              <a href="#">超甜金银玉米</a>
             
            </div>
            <div class="listdiv">
              <a href="#">优质云南小瓜</a>
              <a href="#">超甜金银玉米</a>
            
            </div>
          </div>
          <div data-role="collapsible" >
            <h3>番茄类</h3>
              <div class="listdiv">
                <a href="#">圣女果</a>
                <a href="#">小番茄</a>
            
              </div>
              <div class="listdiv">
                <a href="#">圣女果</a>
                <a href="#">小番茄</a>
            
              </div>
              <div class="listdiv">
                <a href="#">圣女果</a>
                <a href="#">小番茄</a>
            
              </div>
          </div> 
          <div data-role="collapsible"> 
            <h3>豆荚类</h3> 
            <div class="listdiv">
                <a href="#">豌豆</a>
                <a href="#">四季豆</a>
             
              </div>
              <div class="listdiv">
                <a href="#">豌豆</a>
                <a href="#">四季豆</a>
           
              </div>
              <div class="listdiv">
                <a href="#">豌豆</a>
                <a href="#">四季豆</a>
          
              </div>
          </div> 
          <div data-role="collapsible"> 
            <h3>黄瓜类</h3> 
            <div class="listdiv">
              <a href="#">优质云南小瓜</a>
              <a href="#">超甜金银玉米</a>
         
            </div>
            <div class="listdiv">
              <a href="#">优质云南小瓜</a>
              <a href="#">超甜金银玉米</a>
             
            </div>
            <div class="listdiv">
              <a href="#">优质云南小瓜</a>
              <a href="#">超甜金银玉米</a>
            
            </div>
          </div>  
      </div> 
      
      <div class="login"><a href="#">登录</a>|<a href="#">注册</a></div>
      <div class="backtop"><a href="#header">返回顶部</a></div>
      
      <div data-role="footer" data-position="fixed" class="foot">
      <h6>Copyright © 广州新富农农业科技有限公司</h6>
      <h6>m.xfnstnp.com</h6>
      </div> 
  </div>
　
</body>
</html>